.vote-view .view-title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}

.vote-name-title {
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 2em;
}

.voters {
  display: flex;
  flex-direction: column;

  position: absolute;
  flex-flow: column wrap;
  padding: 0 40px;
  padding-bottom: 24px;
  top: 104px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin-bottom: 0;

  overflow-x: auto;

  -webit-app-region: no-drag;
}

.voter {
  width: 200px;
}

.voter .list-item-indicator {
  transition: opacity .2s ease, background-color .2s ease;
}

.voter.abstained .list-item-indicator {
  opacity: .24;
}

.voter.positive .list-item-indicator {
  background-color: #4CAF50;
  opacity: .24;
}

.voter.negative .list-item-indicator {
  background-color: #F44336;
  opacity: .24;
}

.rounds-indicator {
  display: inline-block;
  font-size: 0; /* For removing whitespaces */
  margin-left: 20px;
}

.rounds-current {
  font-weight: 400;
  font-size: 18px;
}

.rounds-total-wrapper {
  display: inline-flex;
  font-size: 12px;
  font-weight: 200;
}

.rounds-separator {
  margin-left: 2px;
}

.rounds-total {
  margin-left: 2px;
}

.vote-indicator {
  margin-left: 20px;
  display: inline-block;
  font-weight: 300;
  flex: 1;
}

.vote-indicator > span {
  margin-left: 5px;
}

.vote-indicator > span:first-child {
  margin-left: 0;
}

.vote-indicator-hint {
  font-size: 12px;
}

.vote-indicator-value {
  font-size: 24px;
}

.positive-count {
  color: #4CAF50;
}

.negative-count {
  color: #F44336;
}

.abstained-count {
  color: black;
}

.target-count {
  color: #2196F3;
}

.vote-actions {
  display: flex;
  align-items: center;
  min-width: max-content;
}
